<template>
    <div>
        <h3>{{fatherInfo}}</h3>
        <p class="subTest">{{msg}}</p>
        <slot :pro="testInner"></slot>
    </div>
</template>
<script>
export default {
    name:'subTest',
    props:['fatherInfo'],
    data () {
        return {
            msg:"This is subTexts",
            testInner:'dddddddddddddddddddd'
        }
    },
    mounted () {
        console.log('mounted')
    }
}
</script>
<style  lang="less" scoped>
    .subTest{
        color:forestgreen;
    }
</style>

